<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Spaz</title>

	<link rel="stylesheet" href="css/init.css" type="text/css" media="screen" charset="utf-8" />

	<!-- The AIR aliases definitions -->
	<script src="vendors/air/AIRAliases.js" type="text/javascript" charset="utf-8"></script>

	<!-- JazzRecord DB lib -->
	<script src="vendors/jazz_record.js" type="text/javascript" charset="utf-8"></script>

	<!-- Timer lib for benchmarking -->
	<script src="vendors/time.js" type="text/javascript" charset="utf-8"></script>
	
	<!-- Keyboard shortcuts handling http://www.openjs.com/scripts/events/keyboard_shortcuts/ -->
	<script src="vendors/shortcut.js" type="text/javascript" charset="utf-8"></script>

	<!-- Showdown, the Markdown parser -->
	<script src="vendors/showdown.js" type="text/javascript" charset="utf-8"></script>

	<!-- Pixel Bender libraries from BlackBookSafe -->
	<script src="vendors/BlenderEffect.js" type="text/javascript" charset="utf-8"></script>
	<script src="vendors/Tween.js" type="text/javascript" charset="utf-8"></script>


	<!-- jQuery libs -->
	<script src="vendors/jquery/jquery-1.3.2.js"				type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.moreSelectors.js"		type="text/javascript"></script>
	<script src="vendors/jquery/jquery.scrollTo.js"					type="text/javascript"></script>
	<script src="vendors/jquery/jquery.array.js"				type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.intercept.js"			type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.positionBy.js"			type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.ajaxQueue.js"			type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.highlight-2.js"			type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.contextmenu.r2.js"		type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery-ui-personalized-1.5.2.js"	type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.hint.js"						type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.menu.js"						type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="vendors/jquery/menu/style.css" type="text/css" media="screen" charset="utf-8" />
	<script src="vendors/jquery/jquery.center.js"				type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/tag.js"								type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jqXMLUtils.js"					type="text/javascript" charset="utf-8"></script>
	<script src="vendors/jquery/jquery.DOMWindow.js" type="text/javascript" charset="utf-8"></script>


	<!-- HTML notification library -->
	<script src="vendors/purrjs.js" type="text/javascript" charset="utf-8"></script>
	<script src="vendors/SpazGrowl.js" type="text/javascript" charset="utf-8"></script>

	<!-- username completion lib -->
	<script src="vendors/usernameCompleter.js" type="text/javascript" charset="utf-8"></script>

	<!-- Notification popups libs -->
	<script src="vendors/library.swf" type="application/x-shockwave-flash"></script>
	<script src="vendors/as3growl.swf" type="application/x-shockwave-flash"></script>

	<!-- Network service monitor -->
	<script src="vendors/servicemonitor.swf" type="application/x-shockwave-flash"></script>

	<!-- Spry Widgets -->
	<script language="JavaScript" type="text/javascript" src="vendors/spry/widgets/tabbedpanels/SpryTabbedPanels.js"></script>
	<script language="JavaScript" type="text/javascript" src="vendors/spry/widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
	<link rel="stylesheet" type="text/css" href="vendors/spry/widgets/tabbedpanels/SpryTabbedPanels.css" />


	<!-- SpazCore -->
	<script src="spazcore/spazcore-air.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
		/*
			set your dump level now to get dumps asap
		*/
		sc.setDumpLevel(3); // 1 shows errors, nothing else; 5 is everything
	</script>
	

	<!-- JazzRecord models -->
	<script src="app/models/TweetModel.js" type="text/javascript" charset="utf-8"></script>
	<script src="app/models/TwUserModel.js" type="text/javascript" charset="utf-8"></script>
	



	<!-- app init lib -->
	<script src="app/spaz.js"			 type="text/javascript"></script>	
	
	<!-- app libraries -->
	<script src="app/libs/spaz.const.js"	  type="text/javascript"></script>
	<script src="app/libs/spaz.timers.js"	  type="text/javascript"></script>
	<script src="app/libs/spaz.sys.js"		  type="text/javascript"></script>
	<script src="app/libs/spaz.update.js"	  type="text/javascript"></script>
	<script src="app/libs/spaz.debug.js"	  type="text/javascript"></script>	
	<!-- Emoticons lib developed by Graeme Dunlop -->
	<script src="app/libs/Emoticons.js" type="text/javascript" charset="utf-8"></script>
	<script src="app/libs/Emoticons.SimpleSmileys.js" type="text/javascript" charset="utf-8"></script>
	<script src="app/libs/Emoticons.GMailChat.js" type="text/javascript" charset="utf-8"></script>

	<!-- app helpers -->
	<script src="app/helpers/spaz.js" type="text/javascript" charset="utf-8"></script>
	
	<!-- app controller -->
	<script src="app/controllers/spaz.controller.js" type="text/javascript" charset="utf-8"></script>
	<script src="app/controllers/spaz.handlers.js"	 type="text/javascript" charset="utf-8"></script>

	<!-- app view -->
	<script src="app/views/spaz.ui.js"		   type="text/javascript"></script>
	<script src="app/views/spaz.themes.js"	   type="text/javascript"></script>
	<script src="app/views/spaz.notify.js"	   type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.section.js"	   type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.keyboard.js"   type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.editor.js"	   type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.tpl.js"		   type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.timelines.js"  type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.postpanel.js"  type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.shortlink.js"  type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.dock.js"	   type="text/javascript"></script>
	<script src="app/views/spaz.tooltip.js"	   type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.menus.js"	   type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.windows.js"	   type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.imageuploader.js" type="text/javascript" charset="utf-8"></script>
	<script src="app/views/spaz.conversation.js" type="text/javascript" charset="utf-8"></script>

	<!-- app model -->
	<script src="app/models/spaz.db.js"			type="text/javascript"></script>
	<script src="app/models/spaz.data.js"		type="text/javascript"></script>
	<script src="app/models/spaz.autocomplete.js"		type="text/javascript"></script>
	<script src="app/models/spaz.prefs.js"		type="text/javascript"></script>
	<script src="app/models/spaz.accounts.js"	type="text/javascript"></script>
	

	

	<!-- theme scripts -->
	<script type="text/javascript" charset="utf-8" id="themeinfo"></script>
	<script type="text/javascript" charset="utf-8" id="themejs"></script>

	<!-- user js script -->
	<script type="text/javascript" charset="utf-8" id="userjs"></script>

	<script type="text/javascript">

		// stuff to load when this doc loads
		$(document).ready( function() {
			Spaz.initialize();
		})

		$(document).load( function() {
			// hi
		})

	</script>

	<style type="text/css" media="screen" title="custom-timeline-filters">
		
	</style>


</head>

<body id="home" onclick="$('#linkContextMenu').hide()">

	<div id="container">

		<h1 id="header" onmousedown="Spaz.Windows.windowMove();">
			<div id="window-buttons">
				<!-- <span id="about" class="window-button" onclick="Spaz.UI.showAbout()" title="About">i</span>
				<span id="help" class="window-button" onclick="Spaz.UI.showHelp()" title="Help">?</span> -->
				<span id="minimize" class="window-button" onclick="Spaz.Windows.windowMinimize()" title="Minimize">&ndash;</span>
				<span id="close" class="window-button" onclick="Spaz.Windows.windowClose()" title="Close">&times;</span>
			</div>
			<!-- <span id="header-label" onclick="Spaz.UI.showMainMenu($(this))">Spaz &raquo;</span> -->
			<span id="header-label" style="cursor:pointer">Spaz</span>
		</h1>


		<div id="tabs" class="TabbedPanels">
			<ul class="TabbedPanelsTabGroup" id="timeline-tabs">
				<!-- YOUR TIMELINE -->
				<li class="TabbedPanelsTab" tabindex="2" title="Your timeline"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-friends" onclick="Spaz.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li>

				<!-- SENT STATUSES -->
				<li class="TabbedPanelsTab" tabindex="3" title="Tweets you've sent"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-user" onclick="Spaz.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li>

				<!-- FAVORITES STATUSES -->
				<li class="TabbedPanelsTab" tabindex="3" title="Your favorites"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-favorites" onclick="Spaz.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li>

				<!-- LISTS STATUSES -->
				<li class="TabbedPanelsTab" tabindex="3" title="Your user lists"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-userlists" onclick="Spaz.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li>

				<!-- PUBLIC -->
				<li class="TabbedPanelsTab" tabindex="4" title="Public timeline"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-public" onclick="Spaz.UI.setSelectedTab(this);">
					<span class="tab-icon"></span>
				</li>

				<!-- SEARCH -->
				<li class="TabbedPanelsTab" tabindex="5" title="Search timeline"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-search" onclick="Spaz.UI.setSelectedTab(this);">
					<span class="tab-icon"></span>
				</li>

				<!-- Friendslist -->
				<li class="TabbedPanelsTab" tabindex="6" title="Friends"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-followerslist" onclick="Spaz.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li>

				<!-- Followerslist -->
				<!-- <li class="TabbedPanelsTab" tabindex="7" title="Followers"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-followerslist" onclick="Spaz.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li> -->

				<!-- PREFS -->
				<li class="TabbedPanelsTab" tabindex="8" title="Preferences"
					onmouseover="Spaz.UI.showTooltip(this, this.title)"
					onmouseout="Spaz.UI.hideTooltips()"
					id="tab-prefs" onclick="Spaz.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li>
			</ul>




			<!-- BEGIN CONTENT TABS -->
			<div class="TabbedPanelsContentGroup" id="timeline-tabs-content">

				<!-- FRIENDS AND YOU TIMELINE -->
				<div class="TabbedPanelsContent" id="panel-friends">
					<div id="menu-friends" class="panelmenu">
						<form onsubmit="return false;">
							<input type="button" name="refresh-friends" value="Refresh" id="refresh-friends" title="Refresh this timeline" />
							<input type="button" name="view-friends" value="View &#x25BE;" id="view-friends" title="Toggle between all messages and just replies/DMs" />
							<input type="button" name="markread-friends" value="Mark" id="markread-friends" title="Mark all as read" />
							<input type="text" name="filter-friends" value="" id="filter-friends" title="Enter text to filter this timeline" />
						</form>
					</div>
					<div id="timelinewrapper-friends" class="timeline-wrapper">
						<div id="timeline-friends" class="timeline">
						</div>
					</div>
				</div>


				<!-- YOUR SENT MESSAGES -->
				<div class="TabbedPanelsContent" id="panel-user">
					<div id="menu-user" class="panelmenu">
						<form onsubmit="return false;">
							<input type="button" name="refresh-user" value="Refresh" id="refresh-user" />
							<input type="button" name="markread-user" value="Mark" id="markread-user" title="Mark all as read" />
							<input type="text" name="filter-user" value="" id="filter-user" title="Enter text to filter this timeline" />
						</form>
					</div>
					<div id="timelinewrapper-user" class="timeline-wrapper">
						<div id="timeline-user" class="timeline">
						</div>
					</div>
				</div>


				<!-- FAVORITES TIMELINE -->
				<div class="TabbedPanelsContent" id="panel-favorites">
					<div id="menu-favorites" class="panelmenu">
						<form onsubmit="return false;">
							<input type="button" name="refresh-favorites" value="Refresh" id="refresh-favorites" />
							<input type="button" name="markread-favorites" value="Mark" id="markread-favorites" title="Mark all as read" />
							<input type="text" name="filter-favorites" value="" id="filter-favorites" title="Enter text to filter this timeline" />
						</form>
					</div>
					<div id="timelinewrapper-favorites" class="timeline-wrapper">
						<div id="timeline-favorites" class="timeline">
						</div>
					</div>
				</div>
				
				<!-- USERLISTS TIMELINE -->
				<div class="TabbedPanelsContent" id="panel-userlists">
					<div id="menu-userlists" class="panelmenu">
						<form onsubmit="return false;">
							<input type="button" name="refresh-userlists" value="Refresh" id="refresh-userlists" />
							<input type="button" name="markread-userlists" value="Mark" id="markread-userlists" title="Mark all as read" />
							<input type="button" name="view-userlists" value="Lists &#x25BE;" id="view-userlists" title="Choose a list to view" />
							<input type="text" name="filter-userlists" value="" id="filter-userlists" title="Enter text to filter this timeline" />
						</form>
					</div>
					<div id="timelinewrapper-userlists" class="timeline-wrapper">
						<div id="timeline-userlists-full-name"></div>
						<div id="timeline-userlists" class="timeline">
						</div>
					</div>
				</div>

				<!-- PUBLIC TIMELINE -->
				<div class="TabbedPanelsContent" id="panel-public">
					<div id="menu-public" class="panelmenu">
						<form onsubmit="return false;">
							<input type="button" name="refresh-public" value="Refresh" id="refresh-public" />
							<input type="button" name="markread-public" value="Mark" id="markread-public" title="Mark all as read" />
							<input type="text" name="filter-public" value="" id="filter-public" title="Enter text to filter this timeline" />
						</form>
					</div>
					<div id="timelinewrapper-public" class="timeline-wrapper">
						<div id="timeline-public" class="timeline">
						</div>
					</div>
				</div>



				<!-- SEARCH TIMELINE -->
				<div class="TabbedPanelsContent" id="panel-search">

					<div id="menu-search" class="panelmenu">
						<form onsubmit="return false;">
							<input type="text"   name="search-for"    value=""                id="search-for"    title="Enter search"  />
							<input type="button" name="search-go"     value="&raquo;"         id="search-go"     title="Submit Search" />
							<input type="button" name="search-save"   value="+"               id="search-save"   title="Save Search (NYI)" />
							<input type="button" name="search-help"   value="?"               id="search-help"   title="Search Help" />
							<input type="button" name="search-saved"  value="Saved &#x25BE;"  id="search-saved"  title="Saved Searches (NYI)" /> 
							<input type="button" name="search-trends" value="Trends &#x25BE;" id="search-trends" title="Trends (NYI)" /> 
						</form>
					</div>
					<div id="timelinewrapper-search" class="timeline-wrapper">
						<div id="timeline-search" class="timeline">
						</div>
					</div>
				</div>


				<!-- LIST OF PEOPLE YOU ARE FOLLOWING -->
				<div class="TabbedPanelsContent" id="panel-followerslist">
					<div id="menu-followerslist" class="panelmenu">
						<form onsubmit="return false;">
							<input type="button" name="refresh-followerslist" value="Refresh" id="refresh-followerslist" />
						</form>
					</div>
					<div id="timelinewrapper-followerslist" class="timeline-wrapper">
						<div id="timeline-followerslist" class="timeline directory">
						</div>
						<form onsubmit="return false;" class="load-more">
							<input type="button" class="load-more" name="load-more-followers" value="load more…" id="load-more-followers" title="Load More…">
						</form>
					</div>
				</div>



				<!-- LIST OF FOLLOWERS -->
				<!-- <div class="TabbedPanelsContent" id="panel-followerslist">
									<div id="menu-followerslist" class="panelmenu">
										<form>
											<input type="button" name="refresh-followerslist" value="Refresh" id="refresh-followerslist" />
										</form>
									</div>
									<div id="timelinewrapper-followerslist" class="timeline-wrapper">
										<div id="timeline-followerslist" class="timeline directory">
										</div>
									</div>
								</div> -->




				<!-- PREFS -->
				<div class="TabbedPanelsContent" id="panel-prefs">
					<div id="timelinewrapper-prefs" class="timeline-wrapper">
						<div class="timeline" id="timeline-prefs">
							<form id="prefs-form" onsubmit="Spaz.Prefs.setPrefs(); return false;">
							<div id="prefsCPG" class="CollapsiblePanelGroup">

								<div id="prefs-user-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Accounts</h2>
									<div class="CollapsiblePanelContent">
										<fieldset id="account-details">
											<legend>Account Details</legend>
											<div class="formrow">
												<label for="username">Username</label>
												<input type="text" name="username" id="username" value="" />
											</div>
											<div class="formrow">
												<label for="password">Password</label>
												<input type="password" name="password" id="password" value="" />
											</div>
										</fieldset>
									</div>
								</div>

								<div id="prefs-user-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Other Services</h2>
									<div class="CollapsiblePanelContent">

										<fieldset>
											<legend>Ping.FM</legend>
											<div class="formrow">
												<label for="services-pingfm-userappkey">Ping.fm app key (<a id="pingfm-getkey" href="http://ping.fm/key" class="clickable">Find</a>)</label>
												<input type="text" name="services-pingfm-userappkey" id="services-pingfm-userappkey" value="" />
											</div>
											<!-- <div class="formrow">
												<label for="base-theme">Update type</label>
												<select id="services-pingfm-updatetype" name="services-pingfm-updatetype">
													<option value="default">default</option>
													<option value="microblog">microblog</option>
													<option value="status">status</option>
												</select>
											</div> -->
											<div class="formrow">
												<input type="checkbox" name="services-pingfm-enabled" id="services-pingfm-enabled" value="1" />
												<label for="services-pingfm-enabled" class="checkbox">Enable posting</label>
											</div>
											<div class="formrow">
												<input type="checkbox" name="services-pingfm-sendreplies" id="services-pingfm-sendreplies" value="1" />
												<label for="services-pingfm-sendreplies" class="checkbox">Post @replies</label>
											</div>
										</fieldset>
										<fieldset>
											<legend>Short.ie API</legend>
											<div class="formrow">
												<label for="services-shortie-email">Short.ie email address</label>
												<input type="text" name="services-shortie-email" id="services-shortie-email" value="" />
											</div>
											<div class="formrow">
												<label for="services-shortie-key">Short.ie secret key (<a href="http://short.ie/dev">Get a key</a>)</label>
												<input type="text" name="services-shortie-secretkey" id="services-shortie-secretkey" value="" />
											</div>
										</fieldset>
										<fieldset>
											<legend>Image Hosting</legend>
											<div class="formrow">
												<input type="checkbox" name="services-twitpic-sharepassword" id="services-twitpic-sharepassword" value="1" />
												<label for="services-twitpic-sharepassword" class="checkbox">Don't warn about password sharing</label>
											</div>

										</fieldset>
									</div>
								</div>

								<div id="prefs-style-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Interface</h2>
									<div class="CollapsiblePanelContent">
										<fieldset>
											<legend>Theme</legend>
											<div class="formrow">
												<label for="user-stylesheet">User CSS</label>
												<!-- <input disabled="disabled" type="text" name="user-stylesheet" value="" id="prefs-user-stylesheet" /> -->
												<input type="button" name="user-stylesheet-button" value="Load from file" id="prefs-user-stylesheet-button" onclick="Spaz.Themes.browseForUserCss()" />
												<input type="button" name="user-stylesheet-edit" value="Edit User CSS" id="prefs-user-stylesheet-edit" onclick="Spaz.UI.showCSSEdit()" />
												<!-- <input type="button" name="user-stylesheet-clear" value="&times;" id="prefs-user-stylesheet-clear" onclick="Spaz.Themes.clearUserStyleSheet()" /> -->
											</div>
											<div class="formrow">
												<label for="base-theme">Theme</label>
												<select id="theme-basetheme" name="base-theme" onChange="">
													<!-- stuff goes here -->
												</select> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<label for="opacity-percentage">Opacity</label>
												<input type="text"
													name="opacity-percentage" id="window-alpha"
													value="100" maxlength="3" size="3" />%
											</div>
											<div class="formrow">
												<input type="checkbox" name="window-dropshadow" value="1"
													id="window-dropshadow" />
												<label for="window-dropshadow" class="checkbox">Use dropshadow</label>
											</div>
										</fieldset>

										<fieldset>
											<legend>Dock</legend>
										   <!-- <div class="formrow">
											  <label for="dock-refresh-interval">Refresh interval</label>
											  <input type="text" name="dock-refresh-interval" id="dock-refreshinterval"
												 value="500" maxlength="4" size="4" /> milliseconds
										   </div> -->
										   <div class="formrow">
											  <input type="checkbox" name="dock-display-unread-badge" value="1"
												 id="dock-displayunreadbadge" />
											  <label for="dock-displayunreadbadge" class="checkbox">Display unread badge</label>
										   </div>
										   <div class="formrow">
											  <label for="dock-unread-badge-color">Unread badge color</label>
											  <select id="dock-unreadbadgecolor" name="dock-unread-badge-color" onChange="">
												 <option value="red">Red</option>
												 <option value="blue">Blue</option>
												 <option value="yellow">Yellow</option>
												 <option value="green">Green</option>
												 <option value="cyan">Cyan</option>
												 <option value="magenta">Magenta</option>
											  </select>
										   </div>
										   <div class="formrow">
											  <label for="dock-unread-badge-shape">Unread badge shape</label>
											  <select id="dock-unreadbadgeshape" name="dock-unread-badge-shape" onChange="">
												 <option value="classic">Classic</option>
												 <option value="star">Star</option>
											  </select>
										   </div>
										</fieldset>



										<fieldset>
											<legend>Other options</legend>
											<div class="formrow">
												<input type="checkbox" name="markdown-enabled" value="1" id="usemarkdown" />
												<label for="usemarkdown" class="checkbox">Parse Markdown</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="minimize-systray" value="1"
													id="window-minimizetosystray" />
												<label for="window-minimizetosystray" class="checkbox">Minimize to Systray</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="minimize-atstartup" value="1"
													id="window-minimizeatstartup" />
												<label for="window-minimizeatstartup" class="checkbox">Minimize at Startup</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="minimize-background" value="1"
													id="window-minimizeonbackground" />
												<label for="window-minimizeonbackground" class="checkbox">Minimize in background</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="maximize-foreground" value="1"
													id="window-restoreonactivate" />
												<label for="window-restoreonactivate" class="checkbox">Restore in foreground</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="timeline-scrollonupdate" value="1"
													id="timeline-scrollonupdate" />
												<label for="timeline-scrollonupdate" class="checkbox">Scroll to first new item on refresh</label>
											</div>
											<div class="formrow">
												<input type="checkbox" name="timeline-keyboardnavwrap" value="1"
													id="timeline-keyboardnavwrap" />
												<label for="timeline-keyboardnavwrap" class="checkbox">Wraparound keyboard nav.</label>
											</div>


										</fieldset>

									</div>
								</div>

								<div id="prefs-notifications-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Notifications</h2>
									<div class="CollapsiblePanelContent">
										
										<div class="formrow">
											<input type="checkbox" name="notification-popups" value="1"
												id="window-shownotificationpopups" />
											<label for="window-shownotificationpopups" class="checkbox">Show notifications</label>
										</div>
									   <div class="formrow">
										  <label for="window-notificationmethod">Method</label>
										  <select id="window-notificationmethod" name="window-notificationmethod">
											 <option value="internal">Internal</option>
											 <option value="growl" >Growl (OS X-only –&nbsp;experimental)</option>
										  </select>
									   </div>
									   <div class="formrow">
										  <label for="window-notificationposition">Position</label>
										  <select id="window-notificationposition" name="window-notificationposition">
											 <option value="topRight">Top-right</option>
											 <option value="topLeft" >Top-left</option>
											 <option value="bottomRight">Bottom-right</option>
											 <option value="bottomLeft" >Bottom-left</option>
										  </select>
									   </div>
										
										<fieldset>
											<legend>Show notifications for </legend>

											<div class="formrow">
												<input type="checkbox" name="notify-messages" value="1" id="notify-messages" />
												<label for="notify-messages" class="checkbox">New messages (not @mentions or DMs)</label>
											</div>
											<div class="formrow">
												<input type="checkbox" name="notify-mentions" value="1" id="notify-mentions" />
												<label for="notify-mentions" class="checkbox">@Mentions</label>
											</div>
											<div class="formrow">
												<input type="checkbox" name="notify-dms" value="1" id="notify-dms" />
												<label for="notify-dms" class="checkbox">Direct messages</label>
											</div>
											<div class="formrow">
												<input type="checkbox" name="notify-totals" value="1" id="notify-totals" />
												<label for="notify-totals" class="checkbox">New totals</label>
											</div>
											<div class="formrow">
												<input type="checkbox" name="notify-searchresults" value="1" id="notify-searchresults" />
												<label for="notify-searchresults" class="checkbox">Search results (N/A)</label>
											</div>
											<div class="formrow">
												<input type="checkbox" name="notify-listmessages" value="1" id="notify-listmessages" />
												<label for="notify-listmessages" class="checkbox">List messages (N/A)</label>
											</div>
										</fieldset>

									</div>
								</div>


								<div id="prefs-sound-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Sound</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<input type="checkbox" name="sound-enabled" value="1" id="sound-enabled" />
											<label for="sound-enabled" class="checkbox">Play sounds</label>
										</div>
										<div class="formrow">
											<input type="checkbox" name="wilhelm-enabled" value="1" id="wilhelm-enabled" />
											<label for="wilhelm-enabled" class="checkbox">Wilhelm can scream</label>
										</div>
									</div>
								</div>

								<div id="prefs-upgrades-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Upgrades</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<input type="checkbox" name="checkupdate-enabled" value="1" id="checkupdate" />
											<label for="checkupdate" class="checkbox">Check on startup</label>
											<span class="restart-required">*</span>
										</div>
										<div class="formrow">
											<input type="checkbox" name="checkupdate-testversions-enabled" value="1" id="checkupdate-testversions" />
											<label for="checkupdate-testversions" class="checkbox">Check for test versions</label>
										</div>
										<div class="formrow">
											<input type="button" name="checkupdate-button" value="Check Now &bull;"
												id="prefs-checkupdate-button" onclick="Spaz.Update.go()" />

										</div>
									</div>
								</div>

								<div id="prefs-network-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Networking</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<label for="refresh-interval">Refresh interval</label>
											<input type="text" name="refresh-interval" id="network-refreshinterval"
												value="5" maxlength="2" size="2" /> minutes
												<span id="refreshRateInfo">
													– <span id="refreshRateInfoValue">##</span> API reqs/hour
												</span>
										</div>
										<div class="formrow">
											<input type="button" name="autosetrefresh-button" value="Get rate from Twitter &bull;"
												id="prefs-autosetrefresh-button" />

										</div>
										<div class="formrow">
											<input type="checkbox" name="autoadjust-refresh-interval" value="1"
												id="network-autoadjustrefreshinterval" />
											<label for="network-autoadjustrefreshinterval" class="checkbox">Auto-adjust refresh interval</label> <!-- <span class="restart-required">*</span> -->
										</div>

										<div class="formrow">
											<input type="checkbox" name="handle-http-auth" value="1"
												id="network-airhandlehttpauth" />
											<label for="network-airhandlehttpauth" class="checkbox">Enable HTTP auth handling</label> <!-- <span class="restart-required">*</span> -->
										</div>
									</div>
								</div>

						 <!-- <div id="prefs-dock-fieldset" class="CollapsiblePanel">
							<h2 class="CollapsiblePanelTab" tabindex="0">Dock</h2>
							<div class="CollapsiblePanelContent">

							</div>
						 </div> -->

								<div id="prefs-debugging-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Debugging</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<input type="checkbox" name="debugging-enabled" value="1" id="debug-enabled" />
											<label class="checkbox" for="debug-enabled">Enabled</label>
											<span class="restart-required">*</span>
										</div>
										<div class="formrow">
											<input type="button" id="prefs-dumphtml-button" name="dump-html" value="Dump HTML &bull;" onclick="Spaz.Debug.dumpHTML()" />
										</div>
									</div>
								</div>

								<div id="prefs-serviceurls-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Service URLs</h2>
									<div class="CollapsiblePanelContent">
										<fieldset>
											<div class="formrow">
												<select id="twitter-base-urls">
													<option value="">Load settings for…</option>
													<option value="twitter">Twitter.com</option>
													<option value="identica">Identi.ca</option>
												</select>
											</div>

											<div class="formrow">
												<label for="twitter-api-base-url">Base API URL </label>
												<input type="text" name="twitter-api-base-url" id="twitter-api-base-url" value="" />
											</div>
											<div class="formrow">
												<label for="twitter-base-url">Base WWW URL </label>
												<input type="text" name="twitter-base-url" id="twitter-base-url" value="" />
											</div>
										</fieldset>

										<div class="formrow">
											<input type="checkbox" name="twitter-disable-direct-posting" id="twitter-disable-direct-posting" value="1" />
											<label for="twitter-disable-direct-posting" class="checkbox">Disable direct posting (will only post via <strong>Other Services</strong>)</label>
										</div>

									</div>
								</div>

							</div>

							<div class="formrow" style="text-align:right; margin-top:15px">
								<div><span class="restart-required">*</span> <span class="prefs-restart-msg">restart required</span></div>

								<input type="button" id="prefs-update-button" name="update" value="Save Preferences &bull;"
									onclick="Spaz.Prefs.setPrefs()" />

								<div style="margin-top:1em;">
									<a id="prefs-open-folder" class="clickable">Open Prefs Folder</a>
								</div>
							</div>

							</form>

						</div>
					</div>
				</div>

			</div>
		</div>


		<!-- ENTRYFORM -->
		<form id="entryform" onSubmit="return false;">
			<!-- <textarea id="entrybox" onfocus='Spaz.UI.showEntryboxTip()' onblur='Spaz.UI.resetStatusBar(); $("body").focus(); return false;' tabindex="0"></textarea> -->
			<textarea id="entrybox" tabindex="1"></textarea>
			<div id="entrybox-popup">
				<div id="irt" style="display:none">
					<span id="irt-dismiss" class="clickable" title="Clear the 'in-reply-to:' setting for this update">x</span>
					<span id="irt-content">
					<strong>Re:</strong> <span id="irt-message" data-status-id="0"></span>
					</span>
				</div>
				<span id="chars-left">
					<span id="chars-left-count"></span> chars left
				</span>
				<div id="entrybox-actions">
					<input type="button" name="entrybox-shortenText" value="Shorten Text" id="entrybox-shortenText" />
					<input type="button" name="entrybox-shortenURLs" value="Shorten URLs" id="entrybox-shortenURLs" />
				</div>
			</div>
			<input type="button" onclick="Spaz.UI.sendUpdate()" id="updateButton" value="Send &raquo;" />
		</form>

		<!-- STATUSBAR -->
		<div id="statusbar" onmousedown="Spaz.Windows.windowMove();">
			<!-- LOADING -->
			<span id='loading'><!-- <img src='{theme-dir}/images/loading.gif' /> --></span>
			<span id='statusbar-text'>Ready</span>
		</div>


		<div id="resize-sw" onmousedown="Spaz.Windows.windowResize()">
		</div>


		<div id="updateCheckWindow" class="popupWindow" style="display:none;">
			Checking for updates...
		</div>


		<!-- the context menu container -->
		<div id="linkContextMenu" class="context-menu">
			<ul>
				<li id="linkContextMenu-copyLink" class="clickable menuitem">Copy Link Address</li>
			</ul>
		</div>

		<!-- User context menu -->
		<div id="userContextMenu" class="context-menu">
			<ul>

				<li id="userContextMenu-sendReply" class="clickable menuitem">Send @Reply</li>
				<li id="userContextMenu-sendDM" class="clickable menuitem">Send Direct Message</li>
				<li id="userContextMenu-searchForUser" class="clickable menuitem">Search For User</li>
				<li id="userContextMenu-filterByUser" class="clickable menuitem">Filter Timeline by User</li>
				<li id="userContextMenu-viewProfile" class="clickable menuitem">View Profile</li>
				<li id="userContextMenu-follow" class="clickable menuitem">Follow</li>
				<li id="userContextMenu-unfollow" class="clickable menuitem">Stop Following</li>
				<!-- <li id="userContextMenu-block" class="clickable">Block</li> -->
			</ul>
		</div>


		<!-- the main menu container -->
		<div id="mainMenu">
			<ul id="mainMenuRoot" style="display:none;">
				<li class="menuitem mainMenu-sendReply"><a id="mainMenu-sendReply">Send a @reply</a></li>
				<li class="menuitem mainMenu-sendDM"><a id="mainMenu-sendDM">Send a direct message</a></li>
				<li class="menuitem mainmenu-shortenLink"><a id="mainmenu-shortenLink">Shorten URL</a></li>
				<li class="menuitem mainmenu-uploadImage"><a id="mainmenu-uploadImage">Upload Image</a></li>
				<!-- <li class="mainMenu-Post">Post…&nbsp;&raquo;</li>
					<ul>
						<li class="mainMenu-Post-type1"><a id="mainMenu-Post-type1">Post type 1</a></li>
						<li class="mainMenu-Post-type1"><a id="mainMenu-Post-type1">Post type 2</a></li>
					</ul> -->
				<li class="menuitem mainMenu-view"><a>View…&nbsp;&raquo;</a>
					<ul>
						<li class="menuitem mainMenu-view-toggle"><a id="mainMenu-view-toggle">Toggle tweets directed at you</a></li>
						<li class="menuitem mainMenu-view-markAsReadCurrentView"><a id="mainMenu-view-markAsReadCurrentView">Mark current view as read</a></li>
						<li class="menuitem mainMenu-view-reloadCurrentView"><a id="mainMenu-view-reloadCurrentView">Reload current view</a></li>
						<li class="menuitem mainMenu-view-clearReloadCurrentView"><a id="mainMenu-view-clearReloadCurrentView">Clear &amp; reload current view</a></li>
					</ul>
				</li>

				<li class="menu-separator"><hr /></li>

				<li class="menuitem mainMenu-account-switch"><a>Switch Accounts…&nbsp;&raquo;</a>
					<ul id="mainMenu-account-list">
<!--
						<li class="menuitem mainMenu-account selected-account"><a id="mainMenu-account-kibitzer">Kibitzer</a></li>
						<li class="menuitem mainMenu-account"><a id="mainMenu-account-spaz">Spaz</a></li>
-->
					</ul>
				</li>
				<li class="menuitem mainMenu-accounts"><a id="mainMenu-accounts">Account Maintenance</a></li>

				<li class="menu-separator"><hr /></li>

				<li class="menuitem mainMenu-prefs"><a id="mainMenu-prefs">Preferences</a></li>
				<li class="menuitem mainMenu-help"><a id="mainMenu-help">Help</a></li>
				<li class="menuitem mainMenu-about"><a id="mainMenu-about">About Spaz</a></li>
				<li class="menuitem mainMenu-followSpaz"><a id="mainMenu-followSpaz">Follow @spaz</a></li>
			</ul>
		</div>

		<!-- view-friends-menu-container -->
		<div id="view-friends-menu-container" style="display:none">
			<ul id="view-friends-menu">
				<li class="menuitem view-friends-menu-all"><a id="view-friends-menu-all">All</a></li>
				<li class="menuitem view-friends-menu-replies-dms"><a id="view-friends-menu-replies-dms">Mentions and DMs</a></li>
				<li class="menuitem view-friends-menu-replies"><a id="view-friends-menu-replies">Mentions</a></li>
				<li class="menuitem view-friends-menu-dms"><a id="view-friends-menu-dms">DMs</a></li>
				<li class="menuitem view-friends-menu-unread"><a id="view-friends-menu-unread">Unread</a></li>
				<li class="menuitem view-friends-menu-custom"><a id="view-friends-menu-custom">Custom filters</a> <a id="view-friends-menu-custom-edit">[edit]</a></li>
			</ul>
		</div>


		<!-- The tooltip container -->
		<div id="tooltip">
			<div class="tooltip-msg"></div>
			<div class="preview" style='display:none; overflow:hidden; margin-top:.7em'></div>
		</div>

		<!-- suggestions popup -->
		<div id="suggestions">

		</div>


		<!--
			The About popup
		-->
		<div id="aboutWindow" class="popbox-content-wrapper">
			<div class="popbox-content">
				<h1>About</h1>
				<div class="content">
					<h2>A microblogging client for Twitter, Identi.ca and Laconica</h2>
					<p><a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com/apps/spaz/AIR/whatsnew.html')"><span id="about-version"></span> – What's new</a></p>

					<p>Created by <a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com')">Ed Finkler, Funkatron Productions</a></p>

					<ul>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://twitter.com/spaz/')">Spaz on Twitter</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com/spaz/')">Spaz Homepage</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://groups.google.com/group/spaz-users')">Spaz-Users group</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com/spaziki/')">Spaz Wiki and FAQ</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://code.google.com/p/spaz')">Spaz SVN Repository</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://funkatron.com/apps/spaz/AIR/LICENSE.txt')">Spaz License</a></li>
					</ul>

					<h3>Contributors</h3>
					<ul>
						<li>Ed Finkler</li>
						<li>Graeme Dunlop</li>
						<li>Julien Viet</li>
						<li>Alexandru Chiculita and the AIR engineering team</li>
					</ul>

					<h3>Donors</h3>
					<ul>
						<li>Bare Feet Studios</li>
						<li>Erica Baker</li>
						<li>Fred Leo</li>
						<li>Geoffrey T. Cheshire</li>
						<li>Graeme Dunlop</li>
						<li>Konstantin Klein</li>
						<li>Lionel Lenoir</li>
						<li>Philippe Bradley</li>
						<li>Rob Stead</li>
						<li>Robert Rebholz</li>
						<li>S Kayser</li>
						<li>Sarah Adamec</li>
						<li>Tracy Whitt</li>
						<li>Vincent Koser</li>
						<li>Webdurance Web Solutions</li>
					</ul>

					<h3>Libraries used</h3>
					<ul>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://www.jquery.com/')">jQuery</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://labs.adobe.com/technologies/spry/')">Spry</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://www.JSON.org/js.html')">JSON2.js</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://www.webtoolkit.info/javascript-md5.html')">Webtoolkit Base64</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://www.attacklab.net/showdown-gui.html')">Showdown</a></li>
						<li><a class="clickable" onclick="sc.helpers.openInBrowser('http://code.google.com/p/as3notificationlib/')">as3notificationlib</a></li>
					</ul>

					<h3>Media sets used</h3>
					<ul>
						<li><a class="clickable" onclick"sc.helpers.openInBrowser('http://leobolin.net/simplesmileys/')">Simple Smileys emoticons by Leo Bolin</a></li>
						<li><a class="clickable" onclick"sc.helpers.openInBrowser('http://www.adiumxtras.com/index.php?a=xtras&xtra_id=602')">Tokyo Train Station soundset by Dominik Dimaano</a></li>
					</ul>

				</div>

			</div>
		</div>
		
		
		<!--
			The Help popup
		-->
		<div id="helpWindow" class="popbox-content-wrapper">
			<div class="popbox-content">

				<h1>Help</h1>

				<div class="content">
					<h2>Online resources</h2>
					<ul id="resources">
						<li><a href="http://funkatron.com/spaziki" onClick="Spaz.Sys.sc.helpers.openInBrowser($(this).attr('href'));return false;">Spaziki – The Spaz Wiki and FAQ</a></li>
						<li><a href="http://groups.google.com/group/spaz-users/" onClick="Spaz.Sys.sc.helpers.openInBrowser($(this).attr('href'));return false;">Spaz-Users @ Google Groups</a></li>
						<li><a href="http://code.google.com/p/spaz/" onClick="Spaz.Sys.sc.helpers.openInBrowser($(this).attr('href'));return false;">Spaz Source Code Repository</a></li>
					</ul>


					<h2>Keyboard shortcuts</h2>

					<p><em>Note: Windows users should use CTRL instead of CMD</em></p>

					<table id="help-shortcuts" class="data">
						<thead>
							<tr>
								<th>keystroke</th>
								<th>command</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="label">CMD+B</td>
								<td class="value">Markdown: <strong>bold</strong></td>
							</tr>
							<tr>
								<td class="label">CMD+I</td>
								<td class="value">Markdown: <em>italic</em></td>
							</tr>
							<tr>
								<td class="label">CMD+U</td>
								<td class="value">Markdown: <a>link&raquo;</a></td>
							</tr>
							<tr>
								<td class="label">CMD+R</td>
								<td class="value">Markdown: <code>code</code></td>
							</tr>
							<tr>
								<td class="label">CMD+F</td>
								<td class="value"><strong>toggle</strong> between showing all tweets and only @replies &amp; dms</td>
							</tr>
							<tr>
								<td class="label">CMD+SHIFT+M</td>
								<td class="value"><strong>Mark</strong> all messages as read in current view</td>
							</tr>
							<tr>
								<td class="label">&#x2191; <em>or</em> K <em>or</em> CMD+K</td>
								<td class="value">Up one message</td>
							</tr>
							<tr>
								<td class="label">&#x2193; <em>or</em> J <em>or</em> CMD+J</td>
								<td class="value">Down one message</td>
							</tr>
							<tr>
								<td class="label">CMD+&#x2191;</td>
								<td class="value">Up one reply</td>
							</tr>
							<tr>
								<td class="label">CMD+&#x2193;</td>
								<td class="value">Down one reply</td>
							</tr>
							<tr>
								<td class="label">CMD+SHIFT+&#x2191;</td>
								<td class="value">Up one dm</td>
							</tr>
							<tr>
								<td class="label">CMD+SHIFT+&#x2193;</td>
								<td class="value">Down one dm</td>
							</tr>
							<tr>
								<td class="label">CMD+HOME</td>
								<td class="value">Select first message</td>
							</tr>
							<tr>
								<td class="label">CMD+END</td>
								<td class="value">Select last message</td>
							</tr>
							<tr>
								<td class="label">F5</td>
								<td class="value">Reload current view</td>
							</tr>
							<tr>
								<td class="label">SHIFT+F5</td>
								<td class="value">Clear and reload current view</td>
							</tr>
							<tr>
								<td class="label">CMD+SHIFT+A</td>
								<td class="value">Open shorten link window</td>
							</tr>
							<tr>
								<td class="label">CMD+SHIFT+U</td>
								<td class="value">Open image upload window</td>
							</tr>
							<tr>
								<td class="label">CMD+T</td>
								<td class="value">Jump to message entry box</td>
							</tr>
							<tr>
								<td class="label">CMD+SHIFT+2</td>
								<td class="value">Respond to sender of currently selected message</td>
							</tr>
							<tr>
								<td class="label">CMD+,</td>
								<td class="value">View Preferences</td>
							</tr>
							<tr>
								<td class="label">CMD+SHIFT+,</td>
								<td class="value">Open preferences folder</td>
							</tr>
							<tr>
								<td class="label">CMD+{1-7}</td>
								<td class="value">Switch to Tab 1-7</td>
							</tr>


						</tbody>
					</table>	
				</div>
			</div>
		</div>
		
		
		<!--
			Short Link Window
		-->
		<div id="shortLinkWindow" class="popbox-content-wrapper">
			<div class="popbox-content">
				<h1>Shorten Link</h1>

				<div class="content">
					<form id="shortenLink-form" onsubmit="return false;">
						<div class="formrow">
							<label for="url-shortener">Service</label>
							<select id="url-shortener" name="url-shortener" onChange="">
								<!-- stuff goes here -->
							</select>
						</div>

						<div class="formrow">
							<label for="original-link">Link</label>
							<input type="text" name="original-link" id="shorten-original-link" value="http://" />
						</div>

						<div class="formrow" id="shorten-custom-hidden" style="display: none; visibility: hidden;">
							<label for="custom-link">Custom</label>
							<input type="text" name="custom-link" id="shorten-custom-link" value="" />
						</div>

						<div class="formrow">
							<label for="short-link">Short</label>
							<input type="text" name="short-link" id="shorten-short-link" value="" />
						</div>

						<div class="formrow" style="text-align:right; margin-top:15px">
							<input type="submit" id="prefs-update-button" name="update" value="Shorten &bull;" /> 
						</div>
						<div id="verification-result" align="center">&nbsp;</div>
					</form>
				</div>
			</div>
		</div>


		<!--
			Image Upload Window
		-->
		<div id="imageUploadWindow" class="popbox-content-wrapper">
			<div class="popbox-content">
				<h1>Upload Image</h1>

				<div class="content">

					<div id="imageupload-droplet" title="Click to upload">&#x21E7;</div>

					<form id="shortenLink-form" onsubmit="return false;">
						<div class="formrow">
							<label for="imageupload-file-uploader">Service</label>
							<select id="imageupload-file-uploader" name="imageupload-file-uploader" onChange="">
							</select>
						</div>

						<div class="formrow">
							<label for="imageupload-file-url">File</label>
							<input type="text" name="imageupload-file-url" id="imageupload-file-url" disabled='disabled' />
						</div>
						<div class="formrow">
							<label for="imageupload-post-message">Message</label>
							<textarea type="text" name="imageupload-post-message" id="imageupload-post-message"></textarea>
						</div>

						<div style="text-align:center">
							<input type="button" id="imageupload-button" name="imageupload-button" value="Upload" /> 
						</div>

						<!-- <div id="extra-twitpic" class="formrow service-extras" style="text-align:center; margin-top:15px">
							<input type="button" id="imageupload-button" name="upload" value="Upload" disabled="disabled" style="font-size:24pt" /> 
						</div> -->
						<div id="imageupload-verification-result" align="center">
							<span id='imageupload-loading'></span>
							<span id="imageupload-status-text"></span>
						</div>
					</form>
					
				</div>
			</div>
		</div>
		
		<!--
			Conversation Window
		-->
		<div id="conversationWindow" class="popbox-content-wrapper">
			<div class="popbox-content">
				<h1>Conversation</h1>

				<div class="content">
					<div class="timeline-conversation timeline">
						
					</div>
					
				</div>
			</div>
		</div>
		
		

	</div> <!-- End #container -->

	<span id="wilhelm">
		WILHELM!!!
	</span>

	<div id="spaz-dialog"></div>

</body>
</html>